<template>
  <div>
<RouterView />
 <van-tabbar v-model="active">
  <van-tabbar-item to="/index/shouye" icon="home-o">首页</van-tabbar-item>
  <van-tabbar-item to="/index/baotuan" icon="fire-o">爆爆团</van-tabbar-item>
  <van-tabbar-item icon="friends-o">订单</van-tabbar-item>
  <van-tabbar-item icon="setting-o">我的</van-tabbar-item>
</van-tabbar>
  </div>

</template>

<script setup>

import { useRouter } from 'vue-router'
import { onMounted,ref } from 'vue'
import { RouterLink, RouterView } from 'vue-router'
 const router = useRouter()
var active=ref(0)

var dianji=()=>{
    if(active==2){
        router.push('/index/baotuan')
        active.value=1
    }
}
onMounted(()=>{
   
})

</script>

<style scoped>
nav{
    width: 100%;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: space-around;
}
</style>